<%@ page pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/view/inc/taglibs.jsp" %>
<!doctype html>
<html>
<head>
<%@ include file="/WEB-INF/view/inc/simple-meta.jsp" %>
<title>${website}</title>
<link rel="stylesheet" href="${ctx}/js/jquery/layout/themes/jquery.layout.css" />
<link rel="stylesheet" href="${ctx}/js/jquery/ui/themes/smoothness/jquery-ui-1.8.20.css" />
<script type="text/javascript" src="${ctx}/js/jquery/ui/jquery-ui-1.8.20.min.js"></script>
<script type="text/javascript" src="${ctx}/js/jquery/layout/jquery.layout.js"></script>
<script>
$(document).ready(function() {
	$('body').layout({ applyDefaultStyles: false });
});
</script>
</head>

<body>
<!-- 中间板块 -->
<div class="ui-layout-center">center
	<p><a href="http://layout.jquery-dev.net/demos.html">go to the demos page</a></p>
	<p>* pane-resizing is disabled because ui.draggable.js is not linked</p>
	<p>* pane-animation is disabled because ui.effects.js is not linked</p>
</div>
<!-- 北面板块（上边） -->
<div class="ui-layout-north">north</div>
<!-- 南面板块（下边） -->
<div class="ui-layout-south">south</div>
<!-- 西面板块（左边） -->
<div class="ui-layout-east">east</div>
<!-- 东面板块（右边） -->
<div class="ui-layout-west">west</div>
</body>
</html>
